這篇來寫在Html項目列表清單所使用的標籤

<ul> <ol> <li>

無序列表(unordered lists)

<ul>
  <li>蘋果</li>
  <li>檸檬</li>
  <li>橘子</li>
</ul>

• 蘋果
• 檸檬
• 橘子

清單建立三個項目，不需要順序

有序列表(ordered lists)

<ol>
  <li>蘋果</li>
  <li>檸檬</li>
  <li>橘子</li>
</ol>

1. 蘋果
2. 檸檬
3. 橘子

清單建立三個項目後，排順序第一蘋果、第二檸檬、第三橘子

多階層列表(nested lists)

當我們想要建立更多項目內容，我們可以使用這列表

<ul>
  <li>水果</li>
  <li>蔬菜</li>
    <ol>
      <li>花椰菜</li>
      <li>高麗菜</li>
    </ol>
</ul>

<nav>網頁瀏覽連結

這時我們還可以用項目標籤去做連結，可以瀏覽網站頁內內容和其他網站

網站頁內導覽

需要做Html檔案去連結

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Message</a></li>
  </ul>
</nav>

或連結其他網站

<nav>
  <ul>
    <li><a href="https://www.google.com.tw/?hl=zh_TW">Google</a></li>
    <li><a href="https://tw.yahoo.com/">Yahoo</a></li>
    <li><a href="https://zh-tw.facebook.com/">Facebook</a></li>    
</nav>

定義列表 (definition lists)

<dl> <dt> <dd>

<dl>
  <dt>項目名稱</dt>
  <dd>項目說明</dd>
</dl>

<dl>
  <dt>水果</dt>
  <dd>蘋果、檸檬、橘子</dd>
</dl>

資料來源:Html語法